@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,span {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
a {
    text-decoration: none;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
input {
    outline: none;
    border: 0;
}
html, body {
    height: 100%;
    font: 14px/1.3 'Microsoft YaHei','Arial';
}
.hide {
    display: none;
}
.login-bg {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 520px;
}
.login-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    margin-top: -220px;
    margin-left: -150px;
    padding-top: 160px;
    background: url(../img/logo.png) top center no-repeat;
    text-align: center;
}
.login-slogan {
    color: #ccc;
    font-size: 14px;
    margin-bottom: 60px;
}
.login-input{
    *display: block;
    width: 300px;
    *width: 288px;
    padding-left: 12px;
    height: 46px;
    line-height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    margin-bottom: 30px;
    color: #ccc;
}
.login-btn {
    display: block;
    width: 300px;
    height: 46px;
    line-height: 46px;
    background: #03aaf4;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.footer {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
    font-size: 12px;
    color: #555;
}

/* 颜色 START */
/* 主色 */
.c-primary,.c-primary a,a.c-primary{ color: #2fb4da }
.c-primary a:hover,a.c-primary:hover{ color: #2fb4da }
.btn-primary{color:#fff;background-color:#2fb4da; border-color:#2fb4da}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{color:#fff;background-color:#2fb4da;border-color:#2fb4da}

/* 次主色 */
.c-secondary,.c-secondary a,a.c-secondary{color: #6ac0d9 }
.c-secondary a:hover,a.c-secondary:hover{ color: #6ac0d9 }
.btn-secondary{color:#fff;background-color:#6ac0d9; border-color:#6ac0d9}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active{color:#fff;background-color:#6ac0d9;border-color:#6ac0d9}

/* 颜色 END */
/* 头部 START */
.Hui-header {
    height: 94px;
    border-bottom: solid 1px #d8e5ee;
    background: #2fb4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mccmsa-header {
    line-height: 90px;
    padding-left: 230px;
    background: #fff;
    border-top: solid 5px #2fb4da;
    color: #666;
}
.header-logo {
    position: absolute;
    top: -5px;
    left: 0;
    width: 200px;
    height: 100px;
    background: #2fb4da url(../img/logo_2.png) center no-repeat;
}
.user-operation {
    padding-right: 40px;
    color: #999;
}
.user-operation .button {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 25px 0 60px;
    cursor: pointer;
}
.user-operation .change-pwd {
    background: url(../img/img.png) -105px -125px no-repeat
}
.user-operation .logout {
    background: url(../img/img.png) -109px -2px no-repeat
}
/* 头部 END */
/* 侧导航 START */
.Hui-nav-toggle {
    background-color: #2fb4da;
    text-indent: -99999px;
}
.Hui-aside {
    top: 100px;
    background-color: #fff;
    border-right: solid 1px #d8e5ee;
}
.Huifold .item h4 {
    padding: 0 0 0 60px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #8e8e8e;
    font-size: 14px;
    border-top: solid 1px #d8e5ee;
}
.Huifold .item h4 b {
    top: 13px;
    background: url(../img/img.png) -57px -5px no-repeat;
    text-indent: -999999px;
}
.Huifold .item h4.selected b {
    background-position: -93px -3px;
}
.item-icon {
    position: absolute;
    top: 10px;
    left: 20px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/img.png) no-repeat;
}
.item-icon.basic-setting {
    background-position: 1px -41px;
}
.item-icon.ui-style {
    background-position: -88px -40px;
}
.item-icon.column-setting {
    background-position: -135px -40px;
}
.item-icon.content-manager {
    background-position: 1px -78px;
}
.item-icon.interaction-manager {
    background-position: -45px -79px;
}
.item-icon.system-data {
    background-position: -91px -79px;
}
.item-icon.system-config {
    background-position: -129px -85px;
}
.Huifold .item:last-child h4 {
    border-bottom: solid 1px #d8e5ee;
}
.Huifold .item h4.selected {
    background-color: #2fb4da;
    color: #fff
}
.Huifold .item h4.selected .item-icon.basic-setting {
    background-position: -46px -43px;
}
.Huifold .item h4.selected .item-icon.ui-style {
    background-position: -163px -3px;
}
.Huifold .item h4.selected .item-icon.column-setting {
    background-position: -164px -40px;
}
.Huifold .item h4.selected .item-icon.content-manager {
    background-position: -163px -79px;
}
.Huifold .item h4.selected .item-icon.interaction-manager {
    background-position: -163px -124px;
}
.Huifold .item h4.selected .item-icon.system-data {
    background-position: -195px -6px;
}
.Huifold .item h4.selected .item-icon.system-config {
    background-position: -194px -42px;
}
.menu_dropdown {
    overflow: hidden;
}
.Huifold .item .info, .menu_dropdown dd ul {
    padding: 0;
}
.menu_dropdown dd li {
    position: relative;
    height: 40px;
    line-height: 40px;
}
.menu_dropdown dd li a {
    height: 40px;
    line-height: 40px;
    padding-left: 60px;
    font-size: 14px;
    color: #999;
}
.menu_dropdown li a:hover {
    background-color: #fff;
    color: #9e9e9e;
}
.Hui-aside .menu_dropdown li.current a {
    background: #f9f9f9;
    color: #2fb4da;
}
.arrow-r {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/img.png) -48px -125px no-repeat;
}
.dislpayArrow {
    z-index: 99;
}
.dislpayArrow a {
    width: 20px;
    height: 50px;
    background-color: #4cc0e3;
    background-image: url(../img/arrow_left.png);
    background-position: center;
    background-repeat: no-repeat;
}
.dislpayArrow a.open {
    background-image: url(../img/arrow_right.png);
    background-position: center;
}
.dislpayArrow a.open:hover,
.dislpayArrow a:hover {
    background-color: #2c9fc2;
    background-position: center;
}
/* 侧导航 END */
/* 内容 START */
.Hui-article-box {
    top: 100px;
    padding-top: 30px;
    padding-left: 35px;
}
.breadcrumb {
    font-size: 24px;
    position: relative;
    padding-left: 30px;
    background-color: #fff;
    border-bottom: none;
    color: #999;
}
.location-icon {
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 25px;
    background: url(../img/img.png) no-repeat;
}
.Hui-article {
    top: 106px;
    padding: 0 25px 30px;
}
/* 表单 START */
.form-note {
    margin-top: 3px;
}
/* 表单 END */
/* 内容 END */

@media (max-width: 767px) {
    .Hui-article-box {
        padding-top: 130px;
    }
    .Hui-article {
        top: 165px;
    }
}
/*.submit_btn{*/
/*padding: 5px 8px 5px 8px;*/
/*background-color: #D7D7D7;*/
/*color:#000000;*/
/*display: block;*/
/*}*/
/*.submit_btn_active{*/
/*padding: 5px 8px 5px 8px;*/
/*background-color: #333;*/
/*color:#fff;*/
/*display: block;*/
/*}*/
/*page.js*/
#layPage a,#layPage>span{margin:0 3px 6px;padding:0 10px;height:29px;line-height:29px;color:#666;display:inline-block;*zoom:1;*display:inline;  border:1px solid #ccc;background-color:#fff;vertical-align:top}
#layPage>span{border-color:#fff;}
/*page.js end*/

.submit_btn{
    margin-right: 5px;
}
.header_mess{
    height: 80px;
    line-height: 60px;
    /*font-size: 18px;*/
    padding-left: 40px;
}
.border-r{
    border-right:1px solid #ddd;
}
.table-bordered th, .table-bordered td{
    border:none;
}
.table-bordered td{
    border-bottom: 1px solid #ddd;
}
.hover_change:hover{
    color: #ffd738;
    cursor: pointer;
}
.readed{
    color: #dddddd;
    cursor: pointer;
}
.table-bordered  .border_bottom{
    border-bottom: none;
}
#userManage{
    top:118px;
}

/*cc*/
.mess_m_d_header{
    height: 80px;
    line-height: 80px;
}
/*.blocast {*/
/*display: none;*/
/*}*/
.mess_title{
    text-align: center;
    line-height: 1.5;
}
.mess_time{
    text-align: center;
    line-height: 1.5;
}
.mess_content{
    margin: 0 auto;
    width: 960px;
    border:1px solid #333;
}
/*hui tap*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff;}
.tabCon {display: none;}
/*hui tap_end*/

/*font-size*/
.f_s_24{
    font-size: 24px;
}
.l_h_100{
    line-height: 100px;
}
.h_100{
    height: 100px
}
.border_b{
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
}
/*hui h便签*/
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:normal;line-height:1;color:#999}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
/*hui h标签end*/

/*hui 选项卡*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff;}
.tabCon {display: none;}
/*hui 选项卡 end*/

.b_b_999_dashed{
    border-bottom: 1px dashed #999;
}
.bg_c{
    background-color: #F2F2F2;
}
.add_device_form{
    width: 600px;
    margin-left: 100px;
}
.pl-30{
    padding-left: 30px;
}
.dp-inlb{
    display: inline-block;
}
.ovf_h{
    overflow: hidden;
}
.mb-10{
    margin-bottom: 25px;
}
.pl-70{
    padding-left: 70px;
}
.mb-30{
    margin-bottom: 30px;
}
.p_c_h{
    cursor: pointer;
}
.select_thomas{
    width: 130px;
    display: inline-block;
}
.m-l-30{
    margin-left: 30px;
}
.t_hover_c_db  a:hover{
    color:#feb381
}
#daily_manager_form{
}
.v_l_m{
    vertical-align: middle;
}
.mt-8{
    margin-top: 8px;
}
.b_n{
    border: none;
}
.open_click{
    cursor: pointer;
}
.ishidden {
    display: none;
}
#mainContainer .c_w_100{
    width: 70%;
}
.change_temp_class .change_temp_class_1{
    width:200px;
}
.error{
    color:#f37b1d;
}
.search_form{

}
.search_li{
    display: block;
    height: 25px;
    line-height: 25px;
    background-color: #E49560;
    border: 1px solid #ddd;
    text-align: center;
}

/*.submit_btn{*/
/*padding: 5px 8px 5px 8px;*/
/*background-color: #D7D7D7;*/
/*color:#000000;*/
/*display: block;*/
/*}*/
/*.submit_btn_active{*/
/*padding: 5px 8px 5px 8px;*/
/*background-color: #333;*/
/*color:#fff;*/
/*display: block;*/
/*}*/
/*page.js*/
#layPage a,#layPage>span{margin:0 3px 6px;padding:0 10px;height:29px;line-height:29px;color:#666;display:inline-block;*zoom:1;*display:inline;  border:1px solid #ccc;background-color:#fff;vertical-align:top}
#layPage>span{border-color:#fff;}
/*page.js end*/

.submit_btn{
    margin-right: 5px;
}
.header_mess{
    height: 80px;
    line-height: 60px;
    /*font-size: 18px;*/
    padding-left: 40px;
}
.border-r{
    border-right:1px solid #ddd;
}
.table-bordered th, .table-bordered td{
    border:none;
}
.table-bordered td{
    border-bottom: 1px solid #ddd;
}
.hover_change:hover{
    color: #ffd738;
    cursor: pointer;
}
.readed{
    color: #dddddd;
    cursor: pointer;
}
.table-bordered  .border_bottom{
    border-bottom: none;
}
#userManage{
    top:118px;
}

/*cc*/
.mess_m_d_header{
    height: 80px;
    line-height: 80px;
}
/*.blocast {*/
/*display: none;*/
/*}*/
.breadcrumb{
    font-size: 24px;
}
#pathContainer{
    border-bottom: 1px solid #333;
    margin-right:10px;
    padding-bottom: 35px;
    margin-left: -10px;
}
.mess_title{
    text-align: center;
    line-height: 1.5;
}
.mess_time{
    text-align: center;
    line-height: 1.5;
}
.mess_content{
    margin: 0 auto;
    width: 960px;
    border:1px solid #333;
}
/*hui tap*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff;}
.tabCon {display: none;}
/*hui tap_end*/

/*font-size*/
.f_s_24{
    font-size: 24px;
}
.l_h_100{
    line-height: 100px;
}
.h_100{
    height: 100px
}
.border_b{
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
}
/*hui h便签*/
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:normal;line-height:1;color:#999}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
/*hui h标签end*/

/*hui 选项卡*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff;}
.tabCon {display: none;}
/*hui 选项卡 end*/

.b_b_999_dashed{
    border-bottom: 1px dashed #999;
}
.bg_c{
    background-color: #F2F2F2;
}
.add_device_form{
    width: 600px;
    margin-left: 100px;
}
.pl-30{
    padding-left: 30px;
}
.dp-inlb{
    display: inline-block;
}
.ovf_h{
    overflow: hidden;
}
.mb-10{
    margin-bottom: 25px;
}
.pl-70{
    padding-left: 70px;
}
.mb-30{
    margin-bottom: 30px;
}
.p_c_h{
    cursor: pointer;
}
.select_thomas{
    width: 130px;
    display: inline-block;
}
.m-l-30{
    margin-left: 30px;
}
.t_hover_c_db  a:hover{
    color:#feb381
}
#daily_manager_form{
}
.v_l_m{
    vertical-align: middle;
}
.mt-8{
    margin-top: 8px;
}
.b_n{
    border: none;
}
.open_click{
    cursor: pointer;
}
.ishidden {
    display: none;
}
#mainContainer .c_w_100{
    width: 70%;
}
.change_temp_class .change_temp_class_1{
    width:200px;
}
.error{
    color:#f37b1d;
}
.search_form{

}
.search_li{
    display: block;
    height: 25px;
    line-height: 25px;
    background-color: #E49560;
    border: 1px solid #ddd;
    text-align: center;
}
/*hui 弹出层*/
.modal-open{overflow:hidden}/*当弹出层出现时，隐藏body右侧滚动条*/
.page-overflow{margin-right:16px}/*隐藏body滚动条时，页面偏移*/
.modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto}/*弹出层的最外层，全屏，用户响应点击和滚动*/
.modal-overflow .modal-scrollable{overflow-y:scroll}/*弹窗超出屏幕高度时，弹出层替代body右侧滚动条，实现弹出层的整体滚动*/
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-color:#000}/*默认遮罩层，全屏黑色*/
* html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}/*解决IE下 遮罩层兼容性*/
.modal-backdrop.fade {opacity:0;filter: alpha(opacity=0)}/*遮罩层失去时，透明度为0*/
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.7;filter: alpha(opacity=70)}/*遮罩层进入 0.7透明度*/

.modal.container{width: 980px}/*满页面宽度*/
.modal {position:absolute;top:50%;left:50%; width:500px;margin-left:-250px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
    -khtml-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    border-radius:6px;
    border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999}/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，6px圆角，带阴影】，自定义宽度可在data-width中设置参数*/
.fade {opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.fade.in {opacity: 1;filter: alpha(opacity=100)}
.modal.fade {top: -100%}/*弹出层进入动画效果*/
.modal.fade.in{top:50%}/*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/
.modal.modal-overflow.fade.in{top:0px}/*如果弹出层高度大于窗口，弹出窗口距顶0像素*/
.loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px}/*Ajax加载数据时loading*/
/*弹出层header区*/
.modal-header {padding: 9px 15px;border-bottom: 1px solid #eee; position:relative}/*弹出层头部*/
.modal-header .close{position:absolute; right:10px; top:10px}/*关闭按钮，请调用4.1.1 按钮 .close*/
.modal-header h3{margin:0}/*标题*/
.modal-body {overflow-y:visible;padding: 15px} /*内容不限高度，内填充15px，不满意可自行修改*/
.modal-form {margin-bottom: 0} /*弹出层表单*/
/*弹出层footer区，放按钮*/
.modal-footer {padding: 14px 15px 15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #ddd;*zoom: 1;border-radius: 0 0 6px 6px;box-shadow: inset 0 1px 0 #fff}
.modal-footer:before,.modal-footer:after {display: table;content: ""}
.modal-footer:after {clear: both}
.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
.modal-footer .btn-group .btn + .btn {margin-left: -1px}
